@charset "utf-8";
/* CSS Document */
.scene{background-image:url(../images/role_bg.jpg)}
.role_icon{background-image:url(../images/role_icon.png)}

.picScroll{ position:absolute;  overflow:hidden; bottom: 40px; left: 30px; height: 440px; width: 338px; }
.recommend {white-space: nowrap;overflow: hidden; display:inline-block; width:1014px}
.recommend .item {display: inline-block;height: 440px; width: 338px;  }

#roleLists{ position:absolute; bottom:10px; left:100px;}
#roleLists li{display: inline-block;}


.scrollButton{ width: 61px; height: 73px; position: absolute; z-index: 3}
.left-button{top: 180px; left: 0px; background-position: 0px 0px; -webkit-transform:scaleX(-1); }
.right-button{top: 180px;left: 300px; background-position: 0px 0px  }



.role_logo{background-position: -0px -79px; width:78px; height:79px;display:inline-block;}
.role_logo_on{background-position: -0px -0px;}
.lock{background-position: -40px -80px; width:27px; height:33px; position: absolute; bottom:5px; right:15px;display:inline-block;}
.select{background-position: -0px -80px; width:36px; height:37px; position: absolute; bottom:5px; right:15px;display:inline-block;}

.role_lock{width:261px; height:125px; position: absolute; top:130px; left:20px;background-position: -160px -0px; font-size:16px;}
.role_text{ width:160px; float:right; padding:5px 0px; line-height:23px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.5);}
.role_text>span{ display:block}
.role_lock_name{ text-shadow:2px 2px 2px rgba(239,92,163,.8);}
.role_lock_button{background-position: -0px -180px; width:132px; height:28px;display:inline-block; text-align:center; margin-top:4px }
.role_lock_code_icon{background-position: -0px -140px; width:23px; height:25px;display:inline-block; position:absolute;top:2px; left:5px;}
.role_lock_code,.role_lock_name,.role_lock_lock{position: relative; padding-left:35px}
.role_logo_pos{ margin:10px;}

.role_info{width:323px; height:216px; position: absolute; top:45px; right:20px;background-position: -160px -180px; font-size:16px; padding:12px 0px 8px 0px}
.role_info li{ height:36px; line-height:36px; margin-left:120px; font-size:18px; color:#fff}

.role_return{ position: absolute; top:2px; right:10px;}